@font-face {
    font-family: "KievitWeb";
    src: url("KievitWeb.eot");
    src: url("fonts/KievitWeb.woff") format("woff"),
         url("fonts/KievitWeb.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "KievitWeb-Medi";
    src: url("KievitWeb-Medi.eot");
    src: url("fonts/KievitWeb-Medi.woff") format("woff"),
         url("fonts/KievitWeb-Medi.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "KievitWeb-Bold";
    src: url("KievitWeb-Bold.eot");
    src: url("fonts/KievitWeb-Bold.woff") format("woff"),
         url("fonts/KievitWeb-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "KievitWeb-BoldIta";
    src: url("KievitWeb-BoldIta.eot");
    src: url("fonts/KievitWeb-BoldIta.woff") format("woff"),
         url("fonts/KievitWeb-BoldIta.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "KievitWeb-Ita";
    src: url("KievitWeb-Ita.eot");
    src: url("fonts/KievitWeb-Ita.woff") format("woff"),
         url("fonts/KievitWeb-Ita.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border:0;outline:0;font-size:13px;font-family:'KievitWeb', Arial, Helvetica, sans-serif;}

a {color: #666666;text-decoration:underline;}
a:hover{color: #000000;}

/* Text Style */
h1 {font-size: 52px;font-style: normal;font-weight:normal;color:#ffffff;margin:4px 0 1px 0;font-family:'KievitWeb', 'Trebuchet MS', arial, sans-serif;text-transform: capitalize;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);}
h2 {font-size: 24px;font-style: normal;font-weight:bold;color: #000000;margin:5px 0 5px 0;text-align:left;}
h3 {font-size: 18px;font-style: normal;color: #ffffff;margin:0 0 10px 0;padding:4px 0 0 0;font-family:'KievitWeb-Bold', 'Trebuchet MS', sans-serif;}
h4 {font-size: 24px;font-style: normal;font-weight:bold;color: #ffb606;margin:0 0 3px 0;}
h5 {font-size: 15px;font-style: normal;font-weight:bold;color: #ffb606;margin:0 0 3px 0;padding:8px 0 0 0;}
h6 {}

.tl01 {font-size:15px;font-style: normal;font-weight:bold;color:#000000;padding:2px 0;}
.tl02 {font-size:15px;font-style: normal;font-weight:bold;color: #339900;padding:2px 0;}
.th1{background-color:white;}
.red {color:#FF0000;}
.orange {color:#FF6600;}
.grey {color:#666666;}
.green {color:#73AD00;}
.blue {color:#2d95d1;}
.black {color:#000000;}
.white {color:#ffffff;}
.bgRed {background:#FF0000;}
.bgOrange {background:#FF6600;}
.bgGrey {background:#666666;}
.bgGreen {background:#73AD00;}
.bgBlue {background:#2d95d1;}
.bgBlack {background:#000000;}
.bgWhite {background:#ffffff;}

/* reusable classes */
.floatLeft {float:left;margin-right:5px;width:auto;}
.floatRight {float:right;margin-left:5px;width:auto;}
.right {text-align:right;}
.left {text-align:left}
.center {text-align:center;}
.justify {text-align:justify}
.blank {border:1px solid #ffffff;padding:0;margin:0;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#999999;}
.alert {color:#CC0000;font-size:15px;}
.spacer {line-height:1px;}
small {color:#999;font-size:80%;}
.line {border-top: 1px solid #999999;height: 1px;margin-top:6px;margin-bottom:6px;padding:0px;clear:both;}
.dotted {border-top: 1px dotted #999999;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.imgFloatLeft {float:left;padding:0 22px 22px 0;display:block;}
.imgFloatRight {float:right;padding:0 0 22px 22px;display:block;width:auto;}

/* Alignment Style */
body {background: url(../img/bg.jpg) top repeat-x #ffffff;padding:0px;text-align:left;margin-top:0px;margin-right:auto;margin-bottom: 0px;margin-left:auto;}

/* Login */
#bgWrapperHome {padding:0;margin:0 0 0 0;width:102%; position:absolute; z-index:50; background:#ffc700; left:0; top:0;right:0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #ffb605 0%, #ffd746 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb605 0%,#ffd746 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 ); /* IE6-8 */  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.headerBar {width:100%;border-bottom:solid 1px #ffb505; z-index:55; height:50px; position:relative; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.headerBarBorder { border-bottom:solid 1px #ffe178; width:100%; padding:0; height:49px;}
.containerHome {margin:auto;padding:0 10px;text-align:left;width:980px;height:48px;}
.logo {width:350px;height:auto;background:none;padding:0;margin:7px 0 0 0;float:left;}
.logdetails {font-size:11px; padding-top:10px; width:50%;float:right;text-align:right}
.logdetailsbold {font-size:13px;font-family:'KievitWeb-Bold', 'Trebuchet MS', sans-serif;}
.logoutbt {padding-top:5px; width:100px; float:right;text-align:right;margin:11px 0 0 0;}
.logoutbt a {border:1px solid #fff;font-family:'KievitWeb-Bold', 'Trebuchet MS', sans-serif;margin-left:15px;color:#000000;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);padding:6px 12px 3px 12px;-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15);background:none;text-decoration:none;}
.logoutbt a:hover {border:1px solid #666666;font-family:'KievitWeb-Medi', 'Trebuchet MS', sans-serif;margin-left:15px;text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);padding:6px 12px 3px 12px;background:#000;color: #FFFFFF;}
.logoutbt a span {font-size:16px;font-family:'KievitWeb-Med', 'Trebuchet MS', sans-serif;}

/*Controls Section*/
#bgWrapper {padding:0;margin:60px 0 0 0;background:;position:relative;z-index:3;width:100%;} 
#container {margin:auto;text-align:left;width:980px;padding:0 10px;}

/* header */
#titleBar {width:100%;height:80px;padding:0;margin:18px 0 18px 0;z-index:10;clear:both;display:block;}	
ul.topBar {padding:12px 0;margin:0;}
ul.topBar li {height:auto;width:auto;float:left;margin:0 25px 0 0;padding:5px 0 5px 0;font-size:12px;list-style:none;}
ul.topBar li h1 {font-size:50px;font-family:'KievitWeb-Medi', 'Trebuchet MS', sans-serif;color:#333333;text-shadow:none;}
ul.topBar li a {color:#999;}
ul.topBar li a:hover {color:#000;text-decoration:none;}
ul.topBar li.goBackBt a {width:45px;height:45px;display:block;margin:15px 0 0 0;overflow:hidden;background:url(../mmp_images/icon-back.png) center top;}
ul.topBar li.goBackBt a:hover {color:#000;text-decoration:none;background:url(../mmp_images/icon-back.png) center bottom;}
ul.topBar li.goBackBt a {width:53px;height:53px;display:block;margin:5px 0 0 0;overflow:hidden;background:url(icon-back.png) top left;}
ul.topBar li.goBackBt a:hover {color:#000;text-decoration:none;background:url(icon-back.png) left bottom;}
		
.nav ul {padding:0;margin:0;}
.nav li {float:left;width:118px;height:118px;padding:0;margin:0 8px 8px 0;background: #ffc700;list-style:none;}
.nav li a {height:98px;width:98px;padding:10px;font-size:14px;font-weight:bold;color:#000;margin:0;text-align:left;background:none;display:block; text-decoration:none;border:1px solid #FFCC66;font-family:'KievitWeb-Medi', 'Trebuchet MS', sans-serif;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #ffb605 0%, #ffd746 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb605 0%,#ffd746 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 ); /* IE6-8 */  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.nav li a:hover {-moz-box-shadow: 0 0 5px rgba(0,0,0,1.0); -webkit-box-shadow: 0 0 5px rgba(0,0,0,1.0); box-shadow: 0 0 5px rgba(0,0,0,1.0);}
.nav li.selected a {height:98px;width:98px;padding:10px;font-size:14px;font-weight:bold;color:#000;margin:0;text-align:left;background:white;display:block; text-decoration:none;border:1px solid #FFCC66;-moz-box-shadow: 0 0 5px rgba(255,158,6,0.7); -webkit-box-shadow: 0 0 5px rgba(255,158,6,0.7); box-shadow: 0 0 5px rgba(255,158,6,0.7);}
.nav li.selected a:hover {-moz-box-shadow: 0 0 5px rgba(255,158,6,1.0); -webkit-box-shadow: 0 0 5px rgba(255,158,6,1.0); box-shadow: 0 0 5px rgba(255,158,6,1.0);}
.nav li .naviTitle {padding:10px 0 0 0;display:block;color:#b28508;font-size:11px;font-weight:bold;text-transform:uppercase;}
	
/* Search */ 
.searchBox {width:170px;height:20px;line-height:14px;text-align:left;float:right;vertical-align:baseline;color:#ffffff;padding:4px 5px 0 5px;margin:0;background:#ffffff;border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.searchBox input. {float:left;}
.searchBox input.inputfield {width:148px;height:15px;border:0;padding:0;margin:0;font-size:10px;color:#999999;text-align:left;float:left;background:#fff;font-size:10px;}
.searchBox img {vertical-align:baseline;margin:0px 0 0 0;} 
/* Date */
.date-time {width:260px;height:20px;line-height:14px;text-align:left;color:#f000;padding:3px 4px;margin:10px 20px;}


/* Content */
#fullcontent {width:980px;position:relative;padding:0;margin:0;z-index:999;}
#contentwrap {width:960px;margin:0 10px 0 10px;padding:0 10px 0 10px;}
#contentPop {width:100%;margin:10px 0;padding:10px 20px;min-height:200px;}
.contentSpacing {padding:15px 20px;clear:both;color:#999;}

#contentHomeLeft {width:615px;min-height:500px;float:left;margin:0 0 10px 0;padding:0;text-align:left;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5);}
#contentHomeRight {width:326px;min-height:500px;float:right;margin:0;padding:0;text-align:left;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5);}

#contentLeft {width:260px;height:auto;float:left;margin:0 0 0 0;padding:0 0 20px 0;text-align:left;}    
#contentCenter {width:348px;min-height:550px;float:left;margin:0 0 0 35px;padding:0;text-align:left;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);}
#contentRight {width:326px;min-height:550px;float:right;margin:0;padding:0;text-align:left;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);}
#contentRightIn {width:685px;min-height:450px;float:right;margin:0 0 0 30px;padding:0;text-align:left;}

/* Button */
.buttonDiv {padding:5px 0;margin:20px 0;}
.buttonDiv a {width:;background:#ffb606;color:#000000;font-size:13px;padding:6px 10px;line-height:24px;border:0;font-weight:bold; text-decoration:none;border:1px solid #ffb606;}
.buttonDiv a:hover {border:1px solid #FFFFCC;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7); box-shadow: 0 0 5px rgba(0,0,0,0.7);}

/* Div Box */
.inDivHalf {float:left;width:46%;height:auto;margin:0 2% 2% 0;}
.inDivHalfLeft {float:left;width:48%;height:auto;}
.inDivHalfRight {float:right;width:48%;height:auto;}
.inDivHalf p, .inDivHalfLeft p, .inDivHalfRight p {margin:3px 0;padding:0;color:#999999;}
.inDivHalf a, .inDivHalfLeft a, .inDivHalfRight a {font-weight:bold;}

.listingBox {width:100%;padding:0;margin:10px 0;}
	.listingBox a {width:96%;height:auto;display:block;padding:8px 6px 18px 6px;margin:0;border-bottom:1px solid #999; text-decoration:none;}
	.listingBox a:hover {background:#d7d7d7;border-bottom:1px solid #d7d7d7;}
	.listingBox a h3, .listingBox a:hover h3 {font-size:17px;font-weight:bold;color:#000000;padding:3px 0;margin:0;}
	.listingBox a span {font-size:13px;font-weight:normal;color:#999999;padding:3px 0;}
	.listingBox a:hover span {font-size:13px;font-weight:normal;color:#333333;padding:3px 0;}
	
.whiteBoxLink {width:100%;padding:0;margin:10px 0;}
	.whiteBoxLink a {width:96%;height:auto;display:block;padding:20px 2%;margin:0;background:#ffffff;text-decoration:none;border:1px solid #ffffff;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);}
	.whiteBoxLink a:hover {background:#ececec;border:1px solid #ffb606;-moz-box-shadow: 0 0 5px rgba(255,152,0,1.0); -webkit-box-shadow: 0 0 5px rgba(255,152,0,1.0); box-shadow: 0 0 5px rgba(255,152,0,1.0);}
	.whiteBoxLink a h3, .whiteBoxLink a:hover h3 {font-size:18px;font-weight:bold;color:#000000;padding:3px 0;margin:0;}
	.whiteBoxLink a span {font-size:13px;font-weight:normal;color:#999999;padding:3px 0;}
	.whiteBoxLink a:hover span {font-size:13px;font-weight:normal;color:#333333;padding:3px 0;}

.blackBox {width:auto;height:auto;padding:12px 20px;margin:0 0 5px 0;background:#000000;display:block;font-size:15px;font-weight:bold;color:#ffb606;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);}
.whiteBox {width:auto;height:auto;padding:22px 20px;margin:0 0 38px 0;background:#ffffff;display:block;font-size:13px;color:#666666;-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4);}
.whiteBox p {font-weight:bold;}
.tblBg {padding:15px 20px;margin:15px -20px;background:#d9d9d9;}



/* Table Style */
table.tblInput {background:none;border:0px solid #999999;color:#333;padding:1px;margin:10px 0 20px 0;width:100%;border-spacing:1px;}
	table.tblInput thead td {background: #999999;color:#ffffff;text-align:center;font-weight:bold;}
	table.tblInput th {padding:3px;background:#666666;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
	table.tblInput tr.even {background:#eeeeee;}
	table.tblInput tr.odd {background: #ffffff;}
	table.tblInput tbody td {padding:2px 0;}
	table.tblInput td {padding:5px;vertical-align:top;text-align:left;line-height:30px;color:#666666;font-size:14px;font-weight:bold;font-family:'KievitWeb-Bold', 'Trebuchet MS', arial, sans-serif;}
	table.tblInput td a {font-weight:bold;}
	table.tblInput td.left {text-align:left;padding-left:16px;}
	table.tblInput .picThumb a img {border:2px solid #ccc;}
	table.tblInput .picThumb a:hover img {border:2px solid #999;}
	table.tblInput input.inputStyle {width:95%;background:#333333;color:#fff;font-size:13px;padding:1px 5px;line-height:24px;border:0;}
	table.tblInput input.inputButton {width:;background:#ffb606;color:#000000;font-size:13px;padding:1px 10px;line-height:24px;border:0;font-weight:bold;}

table.tblDetails {background:#fff;border:0px solid #999999;color:#333;padding:1px;margin:15px 0;width:100%;border-spacing:1px;}
	table.tblDetails thead td {background: #333333;color:#ffffff;text-align:left;font-weight:bold;padding:6px 10px;}
	table.tblDetails th {padding:3px;background:#666666;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
	table.tblDetails tr.even {background:#f7f7f7 !important;}
	table.tblDetails tr.odd {background: #ffffff !important;}
	table.tblDetails td {padding:5px;text-align:left;}
	table.tblDetails td a {font-weight:bold;}
	table.tblDetails input.inputStyle {width:95%;background:#333333;color:#fff;font-size:13px;padding:1px 5px;line-height:24px;border:0;}
	table.tblDetails input.inputButton {width:;background:#ffb606;color:#000000;font-size:13px;padding:1px 10px;line-height:24px;border:0;font-weight:bold;}
	.listTitle {font-weight:bold;display:block;margin:4px 0 3px 0;}

/* Alert Message */
.alertBox {width:100%;background:#FFF5D7;padding:10px 20px;margin:0 -20px;}
.alertMsg {color:red;font-weight:bold;}

/* Annoucement */
.announcementBox {width:100%;height:460px;overflow-y:scroll;}

/* Footer */
#footer {padding:10px 0 20px 0;margin:0;clear:both;}
#footer .copyrights {float:left;width:auto;text-align:left;padding:2px 0 10px 0;border:0px solid #000;color:#999999;font-size:11px;}
#footer .sublinks {float:right;width:auto;text-align:right;padding:2px 0 10px 0;border:0px solid #000;color:#333333;font-size:11px;font-family:'KievitWeb-Bold', 'Trebuchet MS', arial, sans-serif;}
#footer a {color:#999999;text-decoration:none;margin:3px 3px;padding:4px 2px;font-size:11px;}
#footer a:hover {color:#000000;text-decoration:underline;}

/* Important Style */
.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;} .clearfix {display:block;}

/* End hide from IE-mac */

/* Added by Nazri */
.errorFont{
	font:13px Arial, Helvetica, sans-serif;
	color: red;
}




// * Added By Luiz 
*	 New Interface Design
*/

div.frmTitle{
	color:green;
}

h2.manualCPFormTitle{
	color:white;
	font-size:16px;
	margin-left:2%;
}



.subTitle{
	background-color:red;
}



.left2 {
    overflow: hidden;
    padding: 0 4px;
}

.left2>input {
    width: 100%
}